<!doctype html>
<html>
	<head>
		<meta charset="uft-8">
		<title></title>
		<style>
			#d1{
				width:50%;
				height:200px;
				border:3px dashed #aaa;
				border-top:20px solid #f00;
				border-right:10px dashed #00f;
				border-bottom:15px dotted #ff0;
				border-left:15px double #0ff;
			}
			input{
				border:none;
			}
			#d2{
				width:100px;height:100px;
		    border:3px solid #f00;
				border-radius:5px;
			}
		</style>
	</head>
	<body>
		<div id="d1"></div>
		<div id="d2"></div>
		<input type="text" value="呵呵哒">
	</body>
</html>